@import "../Layout/assets/style";

@login-width: 760px;
@login-height: 500px;
@login-prefix-cls: ~"ecmc-login";
@register-width: 360px;
@register-height: 713px;
@register-prefix-cls:  ~"ecmc-register";


.title() {
  font-size: 16px;
  line-height: 1.2;
  font-weight: 400;
  margin-bottom: 20px;
}

.@{login-prefix-cls}-main {
  box-shadow: 0 0 10px rgba(0,0,0,0.2);
  border-radius: 16px;
  background-color: #fff;
}

.@{login-prefix-cls}-main-right {
  padding: 20px;
}

.@{login-prefix-cls}-main-width {
  .single-page-wrap(@login-width);
  overflow: unset;
}

.@{login-prefix-cls}-main-height {
  .single-page-main(@login-height);
  overflow: unset;
}

.@{login-prefix-cls}-title {
  .title();
  text-align: center;
  margin: 50px 0;
}

.@{login-prefix-cls}-submitBtn {
  width: 100%;
  background: linear-gradient(270deg,rgba(32,112,254,1) 0%,rgba(50,188,210,1) 100%) !important;
  border: 0 none !important;
  border-radius: 16px !important;
  margin-top: 30px;
}

.@{register-prefix-cls} {
  .single-page-wrap(@register-width);
}

.@{register-prefix-cls}-main {
  .single-page-main(@register-height)
}

.@{register-prefix-cls}-title {
  .title();
}

.@{register-prefix-cls}-submitBtn {
  width: 100%;
}


@exception-prefix-cls: ~"ecmc-exception";
@exception-prefix-cls-400: ~"ecmc-exception-400";
@exception-height: 300px;

.@{exception-prefix-cls} {
  .single-page-wrap(100%);
  text-align: center;
}

.@{exception-prefix-cls}-main {
  .single-page-main(@exception-height)
}

.@{exception-prefix-cls}-title {
  font-size: 64px;
  font-weight: 300;
  color: #333;
}

.@{exception-prefix-cls}-content {
  font-size: 24px;
}

.@{exception-prefix-cls-400} {
  text-align: left;
  .@{exception-prefix-cls}-main {
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
  }
  .@{exception-prefix-cls}-title {
    margin-top: 50px;
    margin-bottom: 20px;
  }
  .@{exception-prefix-cls}-content {
    color: #3370FF;
    margin-bottom: 25px;
  }
  .@{exception-prefix-cls}-btn {
    border-radius: 20px;
  }
}
